﻿body
{
    background-image: url('/images/bg.jpg');
    background-repeat: repeat-x;
    font-family: Arial, Sans-Serif, Verdana;
    font-size: 10pt;
    height: 100%;
}

.scroll-pane
{
    width: 100%;
    height: 200px;
    overflow: auto;
}

.InProgress
{
    font-family: Arial, Sans-Serif, Verdana;
    font-size: 10pt;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0px;
    left: 0px;
    opacity: 0.80;
    filter: Alpha(Opacity=80);
    background-image: none;
}

.style1
{
    font-family: Arial, Sans-Serif, Verdana;
    font-size: 10pt;
}

.container
{
    margin: auto;
    font-family: Verdana;
    width: 1000px;
    background-color: #ffffff;
    height: 100%;
}

.header
{
    background-color: #86C0E3;
    border: 1px solid #EBEBEB;
    padding: 15px;
}
.h2
{
    font-family: Verdana;
    text-align: center;
    font-size: 25pt;
    color: #FFFFFF;
}
.leftBar
{
    float: left;
    width: 230px; /*border: 1px solid #EBEBEB;*/
    padding: 5px 5px 0px 5px;
    height: 100%;
}

.content
{
    float: left;
    width: 950px;
    height: 100%;
    padding: 5px 5px 0px 5px; /*border: 1px solid #EBEBEB;            */
}

.rightBar
{
    float: right;
    width: 1px;
    background: #EBEBEB;
}

.footer
{
    clear: both;
    background: #77BED2;
    border: 1px solid #EBEBEB;
    text-align: right;
    font-size: 10px;
    color: #FFFFFF;
    font-weight: bold;
    padding: 5px;
}

.Header1Caps
{
    font-family: Arial, Sans-Serif, Verdana;
    font-size: 14pt;
    color: #006699;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1pt;
    padding-left: 5px;
    padding-right: 5px;
}

/* 2nd header with white Text */
.Header2White
{
    font-family: Arial, Sans-Serif, Verdana;
    font-size: 12pt;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
}

/* header row background blue color */
.HeaderRowColor
{
    background-color: #0080C0;
    font-family: Arial, Sans-Serif, Verdana;
    font-size: 16pt;
    padding-left: 5px;
    padding-right: 5px;
}

.GridViewStyle
{
    border-width: 1px;
    border-color: White;
    border-style: solid;
    border-color: #92B5DF;
    font-family: Arial, Sans-Serif, Verdana;
    text-shadow: 2px 2px 2px #FFFFFF;
    font-size: 12pt;
    width: 100%;
}

  
.GridViewHeaderStyle
{
    background-color: #0080C0;
    font-family: Arial, Sans-Serif;
    font-size: 10pt;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: left;
}

.GridViewHeaderStyle a:link, .GridViewHeaderStyle a:visited
{
    color: white;
    font-family: Arial, Sans-Serif;
    font-size: 10pt;
    background-color: #0080C0;
    font-weight: bold;
}

.GridViewRowStyle
{
    background-color: #FFFFFF;
    font-family: Arial, Sans-Serif;
    font-size: 10pt;
    padding: 5px 5px;
    text-align: left;
    white-space: nowrap;
}

.GridViewAlternatingRowStyle
{
    background-color: #D2EFF0;
    font-family: Arial, Sans-Serif;
    font-size: 10pt;
    padding: 5px 5px;
    text-align: left;
    white-space: nowrap;
}

/* for all buttons.	*/
.Button
{
    font-family: Verdana;
    font-size: 10px;
    color: #FFFFFF;
    background-color: #5F8AC5;
    font-weight: normal;
    border-style: ridge;
    border-top: 2px solid #FFFFFF;
    border-left: 1px solid #92B5DF;
    border-right: 2px solid #92B5DF;
    border-bottom: 2px solid #92B5DF;
    letter-spacing: 1px;
    cursor: pointer;
}

/* gray out background */
.PopupBackground
{
    opacity: 0.8;
    filter: alpha(opacity=80);
    background-color: gray;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    position: fixed;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}


.PopupBox
{
    background-color: #ffffff;
    top: 30%;
    left: 30%;
    opacity: 1.0;
    filter: alpha(opacity=100);
    position: absolute;
    vertical-align: middle;
    border-bottom-color: #336699;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-top-color: #336699;
    border-top-style: solid;
    border-top-width: 3px;
    border-left-color: #336699;
    border-left-style: solid;
    border-left-width: 3px;
    border-right-color: #336699;
    border-right-style: solid;
    border-right-width: 3px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; /*behavior:url(border-radius.htc);*/
}


li.AspNet-TreeView-Leaf, li.AspNet-TreeView-Root, li.AspNet-TreeView-Selected, li.AspNet-TreeView-Parent
{
    color: Black;
    border-bottom: 1px solid #C0C0C0;
}

li.AspNet-TreeView-Leaf:Visited
{
    color: Black;
}


.HeaderStyle a:link, a:visited
{
    text-decoration: none;
    font-weight: normal;
    font: blue;
    background-position: top;
    background-repeat: repeat-x;
}

.HeaderStyle a:hover
{
    font: blue;
}

div.popupBox 
{
	opacity:0.8;
	filter:alpha(opacity=80);
	background-color:gray;
	Top:0px;
	Left:0px;
	width: 100%;
	height:100%;
	position:fixed;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

div.popupBox02 
{
	background-color:#ffffff;
	width: 100%;
	height:100%;	
	Top:0;
	Left:0;
	opacity:0.5;
	filter:alpha(opacity=50);
	position:fixed;	
	vertical-align: middle;	
	border-bottom-color: #336699;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-top-color: #336699;
	border-top-style: solid;
	border-top-width: 3px;
	border-left-color: #336699;
	border-left-style: solid;
	border-left-width: 3px;
	border-right-color: #336699;
	border-right-style: solid;
	border-right-width: 3px;	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
}

div.popupBox03
{
	background-color:#ffffff;
	opacity:0.80;
	filter:alpha(opacity=80);
	position:relative;	
	vertical-align: middle;	
	border-bottom-color: #ffffff;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-top-color: #ffffff;
	border-top-style: solid;
	border-top-width: 3px;
	border-left-color: #ffffff;
	border-left-style: solid;
	border-left-width: 3px;
	border-right-color: #ffffff;
	border-right-style: solid;
	border-right-width: 3px;	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.overlay

{

      position: fixed;

      z-index: 50;

      top: 0px;

      left: 0px;

      background-color: #FFFFFF;

      width: 100%;

      height: 100%;

      filter: Alpha(Opacity=70);

      opacity: 0.70;

      -moz-opacity: 0.70;

}

 

.loader

{

      z-index: 100;

      position: fixed;

      width: 200px;

      margin-left: -100px;

      margin-top: -50px;

      top: 50%;

      left: 50%;

 

      background-color: White;

      border-bottom-color: #336699;

      border-bottom-style: solid;

      border-bottom-width: 3px;

      border-top-color: #336699;

      border-top-style: solid;

      border-top-width: 3px;

      border-left-color: #336699;

      border-left-style: solid;

      border-left-width: 3px;

      border-right-color: #336699;

      border-right-style: solid;

      border-right-width: 3px;

      -moz-border-radius: 5px;

      -webkit-border-radius: 5px;

}
